<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="http://www.springframework.org/tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>中国(太原)煤炭交易中心-煤炭交易平台</TITLE>
<META content="text/html; charset=utf-8" http-equiv=Content-Type>
<link href="<s:url value="/resources"/>/css/css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="<s:url value="/resources"/>/css/jquery-ui.css" />
<link rel="shortcut icon" href="<c:url value='/'/>/ctctc.ico" />
<style type="text/css">
       
        body {
                background-image: url(<s:url value="/resources"/>/images/login_01.jpg);
                background-repeat: repeat-x;
                background-position: top;
                background-color: #FFFFFF;
        }
        ul {
                list-style-type: none;
        }
        .inputlist li input {
                width:230px;
                height:32px;
                border:1px solid #b8b8b8;
                line-height:30px;
                padding-top: 0;
                padding-right: 2px;
                padding-bottom: 0;
                margin-bottom: 10px;
                font-size: 14px;
                color: #5878a9;
        }
        .inputlist .mail {
        }
        .inputlist .emails {
                width:230px;
                height:32px;
                border:1px solid #b8b8b8;
                position: relative;
                margin-bottom: 10px;
                line-height: 30px;
                color: #5878a9;
                font-size: 14px;
        }
        .emails a {
                text-decoration:none;
                display:block;
                height:30px;
                cursor:pointer;
                font-size: 14px;
                padding-top: 0;
                padding-right: 20px;
                padding-bottom: 0;
                padding-left: 5px;
                background-image: url(<s:url value="/resources"/>/images/select-icons.png);
                background-repeat: no-repeat;
                background-position: 195px -115px;
        }
        .emails a.up { background-position:right -66px;}
        .emails ul.maillist {
                _width:80px;
                position:absolute;
                display:none;
                padding:0 5px;
                top:30px;
                z-index:999;
                visibility: visible;
                border-top-width: 0;
                border-right-width: 1px;
                border-bottom-width: 1px;
                border-left-width: 1px;
                border-top-style: solid;
                border-right-style: solid;
                border-bottom-style: solid;
                border-left-style: solid;
                border-top-color: #b8b8b8;
                border-right-color: #b8b8b8;
                border-bottom-color: #b8b8b8;
                border-left-color: #b8b8b8;
        }
        .emails ul.maillist li { height:30px; line-height:30px;}
        .emails ul.maillist li a { background:none; padding:0;}
        .emails ul.maillist li a:hover { color:#222;}
        .inputlist .login input {
                width:102px;
                height:35px;
                cursor:pointer;
                border-top-style: none;
                border-right-style: none;
                border-bottom-style: none;
                border-left-style: none;
                margin-right: 18px;
                margin-top: 10px;
          
        }
      .ui-menu {width: 120px;position: absolute;z-index:101;}
      .login_code { width:70px; height:32px;padding-top: 0; border:1px solid #b8b8b8;line-height:30px; font-size:14px; font-family:Verdana, Geneva, sans-serif;}
        
    </style>
    <script src="<s:url value="/resources"/>/js/jquery.js" type="text/javascript"></script>
    <script src="<s:url value="/resources"/>/js/jquery-ui.js" type="text/javascript"></script>
<SCRIPT language=javascript type=text/javascript>

bSubmit = false;
        function check() {
            bSubmit = true;
            document.getElementById("bSubmit").value = true;
            if (document.getElementById("userName").value.length < 1) {
                alert('请输入用户名！');
                document.getElementById("userName").focus(); //获得焦点
                return false;
            } else if (document.getElementById("password").value.length < 1) {
                alert('请输入密码！');
                document.getElementById("password").focus(); //获得焦点
                return false;
            } else {

                document.getElementById("loginform").submit();
                return true;
            }
        }
        function EnterSumbit() {
            if (fnSubmit())
                document.form1.submit();
        }
        $(function () {
            $("#userName").focus();


            $("#selapp").click(function () {
                var menu = $(this).next().show().position({
                    my: "left top",
                    at: "left bottom",
                    of: this
                });
                $(document).one("click", function () {
                    menu.hide();
                });
                return false;
            })
          .next()
            .hide()
            .menu();
        
         })
         
          function AlterCheckCode() {            
            var url = "<s:url value="/"/>/login/validateCode";           
            $("#CCImage").attr("src", url);
        }
         

function beforeLogin()
   {
   //form1.location.href="/index.jsp";
   loginform.method="post";
   loginform.action="<s:url value="/login/logon"/>";
   loginform.submit();
   }
</SCRIPT>
</HEAD>
<body bgcolor="#F1F1F1" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table width="992" border="0" align="center" cellpadding="0" cellspacing="0">
        <tbody>
            <tr>
                <td>
                    <img src="<s:url value="/resources"/>/images/6-xhjs.jpg" width="667" height="88">
                </td>
                <td align="right" valign="bottom" style="padding-bottom: 10px;">
                <div>    <a href="http://www.ctctc.cn" style="color: #222; text-decoration: none; font-size: 9pt;float:left;"
                        target="_blank">中国（太原）煤炭交易中心主页</a> <span style="float:left;">&nbsp;|&nbsp;</span> <a href="http://www.ctctc.cn/jypx/index.html"
                            style="color: #222; text-decoration: none; font-size: 9pt;float:left;" target="_blank">交易培训平台</a><a id="selapp" style="background-image:url(<s:url value="/resources"/>/images/down_menu.gif);width:12px;height:10px;display:block;float:left;margin:2px;"></a>
   
   <ul style="display:none">
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; " href="#">客户资源管理平台</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; " href="#"> 合同管理平台</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; " href="#"> 计划管理平台</a></li>
    <li><a style="color: #222; text-decoration: none; font-size: 9pt; "  href="#">  结算管理平台</a></li>
  </ul>
  </div>
                </td>
            </tr>
        </tbody>
    </table>
    <table width="992" border="0" align="center" cellpadding="0" cellspacing="0">
        <tbody>
            <tr style="padding: 0px 0px 0px 0px;">
                <td height="513" background="<s:url value="/resources"/>/images/login_06.jpg">
                    <table width="100%" height="260" border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td width="300" valign="top">
                                    <form method="post" name="loginform" id="loginform" onkeypress="if( event.keyCode == 13 ) {beforeLogin();}">
                                    <ul class="inputlist">
                                    <li><label style="color: #222; font-size: 9pt; text-decoration: none;">登陆名：</label></li>
                                        <li class="mail">
                                            <input id="userName" name="loginname" type="text" maxlength="18"  
                                                autocapitalize="off" autocomplete="off" >
                                        </li>
                                        <li><label style="color: #222; font-size: 9pt; text-decoration: none;">密码：</label></li>
                                        <li class="pswd">
                                           
                                                
                                            <input id="password" name="password" type="password" >
                                        </li>
                                         <li>
                                        <label style="color: #222; font-size: 9pt; text-decoration: none;">验证码：</label>
                                        </li>
                                        <li>
                                        <div> 
                                          <input  style="width:80px;vertical-align:middle;  " name="validateCode"/>    
                                           <img src="<s:url value="/login/validateCode"/>"  id="CCImage" style="vertical-align:middle; " onclick="AlterCheckCode();" alt="请输入验证码" title="看不清换一张" />
                                        </div> 
                                        </li>
                                        <li class="login" id="denglu">  
                                        <a id="A1" style="cursor: hand" title="密钥登录" >
                                            <img src="<s:url value="/resources"/>/images/uKey.jpg" onclick="window.open('https://202.97.146.40/tlyyxt2','_self')" border="0" /></a>                                       
                                           <a id="go" onclick="return check();" style="cursor: hand" title="登录">
                                               <img src="<s:url value="/resources"/>/images/b_11.jpg" border="0" onclick="beforeLogin()"/></a> &nbsp;&nbsp;&nbsp;&nbsp; 
                                        </li>
                                       <a style="color: Red; font-size: 15px" href="http://jy.ctctc.cn:9956/IMAGE/密钥安装及更新.rar">密钥服务程序下载</a>
                                        
                                    </ul>
                                    <input type="hidden" id="bSubmit" name="bSubmit" value="false" />
                                    <input type="hidden" id="appid" name="appid" value="4" />
                                    </form>
                                </td>
                                <td width="20">
                                    &nbsp;
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <table style="color: Red; font-size: 15px; text-align: right; float: right">
                        <tr>
                            <td colspan="2">
                                <br />
                                <br />
                                <span style="color: Red; font-size: 15px; text-align: right; float: right">提示:交易商请使用交易员的密钥或用户名密码，<br />
                                    点击密钥登录或登录进行信息申报。</span>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td align="center" style="font-size: 9pt; color: #999999">
                     中国（太原）煤炭交易中心  Copyright ©2014 CTCTC. 
                </td>
            </tr>
        </tbody>
    </table>
    <script language="javascript" for="document" event="onkeydown">
    if (event.keyCode == 13){//敲击回车键
        document.getElementById("go").click();
        
    }
      
    </script>
</body>
